<html>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Light Box Hinh Anh</title>

<link id="theme" href="images/themes/blitzer/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css">
<link href="css/lightbox.min.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery.1.7.2.min.js"></script>
<script type="text/javascript" src="js/lightbox/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="js/lightbox/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="js/lightbox/jquery.ui.rlightbox.js"></script>   
<script type="text/javascript">
	jQuery(function($) {
	    var $chosenSheet,
		$stylesheets = $( "a[id^=theme-]" );
	    
	    // theme switcher
	    $stylesheets.click(
		function() {
		    $chosenSheet = $( this ).attr( "href" );
		    $( "#theme").attr( "href", $chosenSheet );
		    
		    // mark this A as an active
		    $stylesheets.removeClass( "active" );
		    $( this ).addClass( "active" );
		    return false;
		}
	    );
	    
	    // run rlightbox
	    $( ".lb" ).rlightbox();
	    $( ".lb_title-overwritten" ).rlightbox({overwriteTitle: true});
	});
    </script>
   

<body>
	<h3>Images Set</h3>
	<div class="example-container section">	    
	<a class="post_ha_1 lb lb_abc" title="abcd" href="h1.jpg"><img src='h1.jpg' /></a>
	<a class="post_ha_2 lb lb_abc" title="abcdefg" href="h2.jpg"><img src='h2.jpg' /></a>
	<a class="post_ha_3 lb lb_abc" title="abcdasdasd" href="h3.jpg"><img src='h3.jpg' /></a>
	<a class="post_ha_4 lb lb_abc" title="abcdzxczxc" href="h4.jpg"><img src='h4.jpg' /></a>
	</div>
	
	<div class="post_show_image">						
	<a class="post_ha_1 lb lb_abcd" title="abcd" href="images/uploads/h1.jpg"><img src='images/uploads/h1.jpg' /></a>
	<a class="post_ha_2 lb lb_abcd" title="abcdefg" href="images/uploads/h2.jpg"><img src='images/uploads/h2.jpg' /></a>
	<a class="post_ha_3 lb lb_abcd" title="abcdasdasd" href="images/uploads/h3.jpg"><img src='images/uploads/h3.jpg' /></a>
	<a class="post_ha_4 lb lb_abcd" title="abcdzxczxc" href="images/uploads/h4.jpg"><img src='images/uploads/h4.jpg' /></a>
	</div>

</body>
</html>
